<template>
    <div>
        
       <div id="mylist">
            <mylist 
                v-for="(item,index) in biglist" 
                :key="index"
                :item="item"
            />
       </div>

    </div>
</template>

<script>
import mylist from '@/components/mylist.vue'
export default {
    components:{
        mylist
    },
    computed: {
        biglist:function(){
            return this.$store.state.biglist;
        }
    },
    mounted() {
        this.$store.dispatch("ALL_big_LIST");
    },
}
</script>

<style lang="scss">
#mylist{
    width:100%;
    height:69vh;
    // border:1px solid red;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow-Y: scroll;
}   
</style>

 